<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>astp</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/static/common/layui/css/layui.css"  media="all">
  <link rel="stylesheet" href="/static/common/font-awesome/css/font-awesome.min.css" media="all" />
  <link rel="stylesheet" href="/static/admin/css/admin.css"  media="all">
</head>
<body style="padding:10px;">
  <div class="tplay-body-div"> 
    <div class="layui-tab">
      <ul class="layui-tab-title">
        <li><a href="{:url('admin/shops/lst')}" class="a_menu">商品列表</a></li>
        <li class="layui-this">新增商品</li>
      </ul>
    </div>
    <form class="layui-form" id="admin">

      <div class="layui-form-item">
        <label class="layui-form-label">所属类目</label>
        <div class="layui-input-inline">
          <select name="c_id" lay-filter="aihao">
            <option>请选类目</option>
            {volist name="category" id="vo"}
            <option value="{$vo.id}" {notempty name="$info.c_id"}{eq name="$info.c_id" value="$vo.id"} selected=""{/eq}{/notempty}>{$vo.name}</option>
            {/volist}
          </select>
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">商品名称</label>
        <div class="layui-input-inline">
          <input name="name" placeholder="请输入" autocomplete="off" class="layui-input" type="text" {notempty name="$info.name"}value="{$info.name}"{/notempty}>
        </div>
      </div>

      <div class="layui-upload" id="upload-thumb">
        <label class="layui-form-label">缩略图</label>
        <button type="button" class="layui-btn" id="thumb">上传缩略图</button>
        <div class="layui-upload-list">
          <label class="layui-form-label"></label>
          <img class="layui-upload-img" id="demo1" width="150" height="150" {notempty name="$info.pic"}src="{$info.pic|getUrl}"{/notempty}>
          <p id="demoText"></p>
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">库存</label>
        <div class="layui-input-inline">
          <input name="kucun" placeholder="请输入" autocomplete="off" class="layui-input" type="text" {notempty name="$info.kucun"}value="{$info.kucun}"{/notempty}>
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">价格</label>
        <div class="layui-input-inline">
          <input name="price" lay-verify="pass" placeholder="请输入" autocomplete="off" class="layui-input" type="text" {notempty name="$info.price"}value="{$info.price}"{/notempty}>
        </div>
        <div class="layui-form-mid layui-word-aux">单位分</div>
      </div>

      <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">描述</label>
        <div class="layui-input-block" style="max-width:600px;">
          <textarea placeholder="请输入内容" class="layui-textarea" name="desc">{notempty name="$info.desc"}{$info.desc}{/notempty}</textarea>
        </div>
      </div>

      <div class="layui-form-item layui-form-text">
          <label class="layui-form-label">详情</label>
          <div class="layui-input-block" style="max-width:900px;">
            <textarea id="editor" placeholder="请输入内容" name="content">{notempty name="$info.content"}{$info.content}{/notempty}</textarea>
          </div>
        </div>

      {notempty name="$info"}
      <input type="hidden" name="id" value="{$info.id}">
      {/notempty}
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn" lay-submit lay-filter="admin">立即提交</button>
          <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
      </div>

    </form>

    <script src="/static/common/layui/layui.js"></script>
    <script src="/static/common/jquery/jquery.min.js"></script>
    <!-- 加载编辑器的容器 -->
    <script id="editor" type="text/plain">
      这里写你的初始化内容
    </script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="/static/common/ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="/static/common/ueditor/ueditor.all.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
      var ue = UE.getEditor('editor');
    </script>
    <script>
        var message;
        layui.config({
            base: '/static/admin/js/',
            version: '1.0.1'
        }).use(['app', 'message'], function() {
            var app = layui.app,
                $ = layui.jquery,
                layer = layui.layer;
            //将message设置为全局以便子页面调用
            message = layui.message;
            //主入口
            app.set({
                type: 'iframe'
            }).init();
        });
    </script>
    <script>
      layui.use('upload', function(){
        var upload = layui.upload;
        //执行实例
        var uploadInst = upload.render({
          elem: '#thumb' //绑定元素
          ,url: "{:url('base/common/upload')}" //上传接口
          ,done: function(res){
            //上传完毕回调
            if(res.code == 2) {
              $('#demo1').attr('src',res.src);
              $('#upload-thumb').append('<input type="hidden" name="pic" value="'+ res.id +'">');
            } else {
              layer.msg(res.msg);
            }
          }
          ,error: function(){
            //请求异常回调
            //演示失败状态，并实现重传
            var demoText = $('#demoText');
            demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function(){
              uploadInst.upload();
            });
          }
        });
      });
    </script>
    <script>
      layui.use(['layer', 'form'], function() {
        var layer = layui.layer,
          $ = layui.jquery,
          form = layui.form;
        $(window).on('load', function() {
          form.on('submit(admin)', function(data) {
            $.ajax({
              url:"{:url('admin/shops/addedit')}",
              data:$('#admin').serialize(),
              type:'post',
              async: false,
              success:function(res) {
                if(res.code == 1) {
                  layer.alert(res.msg, function(index){
                    location.href = res.url;
                  })
                } else {
                  layer.msg(res.msg);
                }
              }
            })
            return false;
          });
        });
      });
    </script>
    </div>
</body>
</html>